.navbar-default{
	background: #303030; margin-bottom: 0; border-width: 0;
}
.navbar-default .navbar-nav>li>a{
	color: #fff;
}
.nav{margin-top: 15px;}
.nav>li>a{
	padding: 0 10px; border-right: 1px solid #fff;
}
.nav>li>a.last{
	border-right: 0;
}
.navbar-default .navbar-nav>li>a:hover{color: #fff;}
.navbar-default .navbar-nav>li>a:active{color: #fff;}
.navbar-default .navbar-nav>li>a:visited{color: #fff;}
.navbar-default .navbar-toggle .icon-bar{
	background: #fff;
}
/*.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: #fff;
}*/
.navbar-default .navbar-toggle{
	border-color: #fff;
}
.container-content{
	min-height: 1776px;
	background-image: url(../../../images/back.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

.top{padding-top: 180px; overflow: hidden;}
.top-right{float: right; width: 40%;}
.top-right .logo{display: block; width: auto; margin: 0 auto;}
.top-right ul{overflow: hidden; padding: 0; margin-top: 40px;}
.top-right ul li{width: 20%; margin:0 6.6666%; float:left; list-style: none;}
.top-right ul li img{display: block; width: 100%;}
.codeall{margin-top: 560px;}
.codeall .title{ text-align: center; color: #333; font-size: 40px; line-height: 1; margin-bottom: 70px;}

.codeall ul{padding: 0 100px; overflow: hidden;}
.codeall ul li{width: 15%; margin:0 9.16666%; float:left; list-style: none; text-align: center;}
.codeall ul li.mb{margin-bottom: 30px;}
.codeall ul li img{display: block; width: 100%;}
.codeall ul li span{display: block; font-size: 18px; line-height: 27px; margin-top: 10px; color: #333;}

.foot{background: #303030; padding: 20px 0;}
.foot p{text-align: center; color: #999;}
.foot p a{color: #999;}

@media screen and (max-width: 1199px){
	.top-right{width: 50%;}
	.top-right ul li{width: 22%; margin:0 5.6666%; float:left; list-style: none;}

	.codeall ul li{width: 17%; margin:0 8.16666%; }
}

@media screen and (max-width: 991px){
	.codeall{margin-top: 450px;}
	.codeall ul{padding: 0;}
	.codeall ul li.mb{margin-bottom: 20px;}
	.codeall ul li{width: 24%; margin:0 13%; margin-bottom: 20px;}
}

@media screen and (max-width: 768px){
	.nav>li>a{
		padding: 10px; border-right: 0; 
	}
	.nav>li>a::after{
		content: ''; position: absolute; left: 10px; bottom: 0; height: 1px; width: 50px; background: #fff;
	}
	.nav>li>a.last::after{height: 0; width: 0;}

	.top{padding-top: 90px;}
	.top-right{width: 58%;}
	.top-right .logo{width: 90px;}
	.top-right ul li{width: 23%; margin:0 5.16666%;}
	.container-content{
		min-height: auto;
		padding-bottom: 80px;
		background-image: url(../../../images/m-back.png);
		background-size: cover;
	}
	.codeall{margin-top: 200px;}
	.codeall .title{font-size: 24px; margin-bottom: 40px;}
	.codeall ul li{width: 32%; margin:0 8%; margin-bottom: 20px;}
	.codeall ul li span{font-size: 16px; line-height: 24px;}
	.foot{padding-bottom: 0;}
	.footbox a{display: inline-block; margin-bottom: 10px;}
}